<template>
    <div class="wrapper">
        <ITView class="itview" :flexDirection="'row'" :title="title"></ITView>
        <text class="text">余额: $1234.65</text>
    </div>
</template>

<script>
    import ITView from './ITView.vue'

    export default {
        props: {
            title: {
                type: String,
                default: '',
            }
        },
        components: { ITView },
        data () {
            return {
            }
        },
        methods: {},
        created () {

        }
    }
</script>

<style scoped>
    .wrapper {
        background-color: orange;
        flex-direction: row;

        justify-content: space-between;
        align-items: center;


    }
    .itview {
        margin-left: 20px;

    }
    .text {
        margin-right: 40px;
        font-size: 36px;
        color: white;
    }
</style>
